<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>设置支付密码</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/page.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/media.js"></script>
    <script src="../js/common.js"></script>
    <style>

    </style>
</head>

<body>
    <!--头部-->
    <div class="public-header flex">
        <!--<span class="public-header-left-search"></span>-->
        <span class="public-header-left-back"></span>
        <span class="public-header-center">设置支付密码</span>
        <span class="public-header-right"></span>
    </div>

    <!--正文-->
    <div class="Set-up-payment-password bc-gray">
        <p class="title">请输入新的支付密码</p>
        <div class="passContainer">
            <!-- 密码框  注意调整letter-spacing -->
            <input type="password" class="password">
            <!-- 使用6个div模拟6个框框 -->
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
        </div>
        <p class="title">请输入新的支付密码</p>
        <div class="passContainer">
            <!-- 密码框  注意调整letter-spacing -->
            <input type="password" class="password">
            <!-- 使用6个div模拟6个框框 -->
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
        </div>
         <p class="title">请再次输入新的支付密码以提交</p>
        <div class="passContainer">
            <!-- 密码框  注意调整letter-spacing -->
            <input type="password" class="password">
            <!-- 使用6个div模拟6个框框 -->
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
            <div class="passItem"></div>
        </div>
        <span class="button">
            确认提交
        </span>
    </div>

    <script>
        window.onload = function () {
            $('.password').on('input', function () {
                var v = $(this).val();
                var l = v.length;
                if (l == 6) {
                    $(this).blur();
                }
            })
        }
    </script>



</body>

</html>